

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="Cache-Control" content="no-transform " />
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
<title>免费的服务器 - XHL的博客</title>
<meta name="keywords" content="emlog|XHL|BLOG" />
<meta name="description" content="发现了一个免费的服务器 此服务器提供商：三丰云，网址：http://sanfengyun.com 主要的是这个服务器不错，速度大概在200以内（备案域名）； 案例：XHL视频解析 ..." />
<link href="http://apps.bdimg.com/libs/fontawesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"/>
<script src="http://apps.bdimg.com/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="http://api.asilu.com/cdn/jquery.js,jquery.backstretch.min.js" type="text/javascript"></script>
</head>
<body>
<div id="backtoTop" title="回到顶部" data-action="gototop" class=""><canvas id="backtoTopCanvas" width="48" height="48"></canvas><div class="per" data-percent="0"></div></div>
<header>
<nav>
</nav>
</header>
<div class="content">
	<div class="hot"><h2>最新文章：</h2>
    	<ul>
					<li  style="display: block;"><a href="http://blog.xihale.top:81/?post=34">XHL云主机（虚拟）</a></li>
		<li><a href="http://blog.xihale.top:81/?post=33">摆脱百度网盘的束缚！</a></li>
		<li><a href="http://blog.xihale.top:81/?post=32">flashfxp--网站的ftp管理神器</a></li>
		<li><a href="http://blog.xihale.top:81/?post=31">免费的服务器</a></li>
		<li><a href="http://blog.xihale.top:81/?post=30">百度网盘破解不限速</a></li>
			</ul>
		<ol>
		<li class="sli"></li><li class=""></li><li class=""></li><li class=""></li><li class=""></li>
        </ol>
				<form class="searchform" method="get" action="http://blog.xihale.top:81/index.php">
          <input type="text" name="keyword" value="搜索" onfocus="this.value=&#39;&#39;" onblur="this.value=&#39;搜索&#39;">
        </form>
			</div><div class="show">
	<div class="show_box">
     <h2><a href="http://blog.xihale.top:81/" title="首页">首页</a>
	 	    <a rel="category tag">暂无分类</a>
	</h2>
      <h1>免费的服务器</h1>
       <p class="box">发布时间:<a id="demo" style="color:gray"></a><script>var d = new Date(),y=d.getFullYear(),m=d.getMonth()+1,date=d.getDate();
document.getElementById("demo").innerHTML = y+"年"+m+"月"+date+"日";</script><span>评论数：0</span>
	  阅读数：<span id="hits" style="display:inline">221543</span>
	  </p>
      <ul>
	  <span style="color:#555555;font-family:&quot;font-size:14px;letter-spacing:1px;white-space:normal;background-color:rgba(255, 255, 255, 0.9);">发现了一个免费的服务器
此服务器提供商：<span style="font-size:16px;background-color:#337FE5;color:#CCCCCC;">三丰云，网址：http://sanfengyun.com</span><br />
主要的是这个服务器不错，速度大概在200以内（备案域名）；<br />
<span style="font-size:16px;">案例：</span><a href="http://cinema.xihale.top:81"><span style="font-size:16px;">XHL视频解析</span></a><span style="font-size:16px;">&nbsp; &nbsp;</span><a href="http://xihale.tk"><span style="font-size:16px;">XHL二</span><span style="font-size:16px;">级域名放送</span></a><br />
</span><span style="color:#555555;font-family:&quot;font-size:14px;letter-spacing:1px;white-space:normal;background-color:rgba(255, 255, 255, 0.9);">图：</span><br />
<img src="https://s1.ax1x.com/2020/07/16/UrmEMd.png" alt="" />	  	  <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"1","bdSize":"16"},"share":{},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到：","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
	  </ul>
	  	<div id="banquan">
	<div class="tupian" title="这篇文章太棒了，赶快分享给你的小伙伴们吧！1、用手机扫二维码。2、点右上角分享到朋友圈。">
	<img src="http://qr.liantu.com/api.php?&bg=ffffff&w=100&m=6&fg=000000&text=http://blog.xihale.top:81/?post=31" alt="二维码加载中..."></div>
	<div class="xinxi">
		<span class="zuozhe">本文作者：</span><a href="http://blog.xihale.top:81/?author=1" title="博客管理员">xihale</a> &nbsp;&nbsp;&nbsp;&nbsp;
		<span class="biaoti2">文章标题：</span> <a href="http://blog.xihale.top:81/?post=31">免费的服务器</a><br>
		<span class="blog_url">本文地址：</span><a href="http://blog.xihale.top:81/?post=31">http://blog.xihale.top:81/?post=31</a><br>
		<b>版权声明：</b>若无注明，本文皆为“<span class="blog_name">XHL的博客</span>”原创，转载请保留文章出处。
	</div>
	</div>
			  <div class="commt_box">
			<div id="comment-place">
	<div class="comment-post" id="comment-post">
		<div class="place-header"><a name="respond"></a></div>
			<input type="hidden" name="gid" value="31" />
			<div class="textarea"><textarea name="comment" id="comment" rows="10" tabindex="4" placeholder="既然来了说点什么吧…"></textarea></div>
<div class="comm_toolbar">
  <div class="comm_tool">
  <div class="smilebg"><div class="smile"><div class="arrow"></div>﻿<a href="javascript:grin('[S1]')" title="挤眼"><img src="http://blog.xihale.top:81/content/templates/CoolBlack/image/face/1.gif" alt="挤眼"/></a>
<a href="javascript:grin('[S2]')" title="亲亲"><img src="http://blog.xihale.top:81/content/templates/CoolBlack/image/face/2.gif" alt="亲亲"/></a>
<a href="javascript:grin('[S3]')" title="咆哮"><img src="http://blog.xihale.top:81/content/templates/CoolBlack/image/face/3.gif" alt="咆哮"/></a>
<a href="javascript:grin('[S4]')" title="开心"><img src="http://blog.xihale.top:81/content/templates/CoolBlack/image/face/4.gif" alt="开心"/></a>
<a href="javascript:grin('[S5]')" title="想想"><img src="http://blog.xihale.top:81/content/templates/CoolBlack/image/face/5.gif" alt="想想"/></a>
<a href="javascript:grin('[S6]')" title="可怜"><img src="http://blog.xihale.top:81/content/templates/CoolBlack/image/face/6.gif" alt="可怜"/></a>
<a href="javascript:grin('[S7]')" title="糗大了"><img src="http://blog.xihale.top:81/content/templates/CoolBlack/image/face/7.gif" alt="糗大了"/></a>
<a href="javascript:grin('[S8]')" title="委屈"><img src="http://blog.xihale.top:81/content/templates/CoolBlack/image/face/8.gif" alt="委屈"/></a>
<a href="javascript:grin('[S9]')" title="哈哈"><img src="http://blog.xihale.top:81/content/templates/CoolBlack/image/face/9.gif" alt="哈哈"/></a>
<a href="javascript:grin('[S10]')" title="小声点"><img src="http://blog.xihale.top:81/content/templates/CoolBlack/image/face/10.gif" alt="小声点"/></a>
<a href="javascript:grin('[S11]')" title="右哼哼"><img src="http://blog.xihale.top:81/content/templates/CoolBlack/image/face/11.gif" alt="右哼哼"/></a>
<a href="javascript:grin('[S12]')" title="左哼哼"><img src="http://blog.xihale.top:81/content/templates/CoolBlack/image/face/12.gif" alt="左哼哼"/></a>
<a href="javascript:grin('[S13]')" title="疑问"><img src="http://blog.xihale.top:81/content/templates/CoolBlack/image/face/13.gif" alt="疑问"/></a>
<a href="javascript:grin('[S14]')" title="坏笑"><img src="http://blog.xihale.top:81/content/templates/CoolBlack/image/face/14.gif" alt="坏笑"/></a>
<a href="javascript:grin('[S15]')" title="赚钱啦"><img src="http://blog.xihale.top:81/content/templates/CoolBlack/image/face/15.gif" alt="赚钱啦"/></a>
<a href="javascript:grin('[S16]')" title="悲伤"><img src="http://blog.xihale.top:81/content/templates/CoolBlack/image/face/16.gif" alt="悲伤"/></a>
<a href="javascript:grin('[S17]')" title="耍酷"><img src="http://blog.xihale.top:81/content/templates/CoolBlack/image/face/17.gif" alt="耍酷"/></a>
<a href="javascript:grin('[S18]')" title="勾引"><img src="http://blog.xihale.top:81/content/templates/CoolBlack/image/face/18.gif" alt="勾引"/></a>
<a href="javascript:grin('[S19]')" title="厉害"><img src="http://blog.xihale.top:81/content/templates/CoolBlack/image/face/19.gif" alt="厉害"/></a>
<a href="javascript:grin('[S20]')" title="握手"><img src="http://blog.xihale.top:81/content/templates/CoolBlack/image/face/20.gif" alt="握手"/></a>
<a href="javascript:grin('[S21]')" title="耶"><img src="http://blog.xihale.top:81/content/templates/CoolBlack/image/face/21.gif" alt="耶"/></a>
<a href="javascript:grin('[S22]')" title="嘻嘻"><img src="http://blog.xihale.top:81/content/templates/CoolBlack/image/face/22.gif" alt="嘻嘻"/></a>
<a href="javascript:grin('[S23]')" title="害羞"><img src="http://blog.xihale.top:81/content/templates/CoolBlack/image/face/23.gif" alt="害羞"/></a>
<a href="javascript:grin('[S24]')" title="鼓掌"><img src="http://blog.xihale.top:81/content/templates/CoolBlack/image/face/24.gif" alt="鼓掌"/></a>
<a href="javascript:grin('[S25]')" title="馋嘴"><img src="http://blog.xihale.top:81/content/templates/CoolBlack/image/face/25.gif" alt="馋嘴"/></a>
<a href="javascript:grin('[S26]')" title="抓狂"><img src="http://blog.xihale.top:81/content/templates/CoolBlack/image/face/26.gif" alt="抓狂"/></a>
<a href="javascript:grin('[S27]')" title="抱抱"><img src="http://blog.xihale.top:81/content/templates/CoolBlack/image/face/27.gif" alt="抱抱"/></a>
<a href="javascript:grin('[S28]')" title="围观"><img src="http://blog.xihale.top:81/content/templates/CoolBlack/image/face/28.gif" alt="围观"/></a>
<a href="javascript:grin('[S29]')" title="威武"><img src="http://blog.xihale.top:81/content/templates/CoolBlack/image/face/29.gif" alt="威武"/></a>
<a href="javascript:grin('[S30]')" title="给力"><img src="http://blog.xihale.top:81/content/templates/CoolBlack/image/face/30.gif" alt="给力"/></a></div></div>
  <div title="插入表情" onclick="tool_bq()" class="tool_bq"><i class="fa fa-smile-o"></i></div>
  <div title="插入图片" onclick="tool_img()" class="tool_img"><i class="fa fa-image"></i></div>
  <div title="插入链接" onclick="tool_link()" class="tool_link"><i class="fa fa-link"></i></div>
  <div title="插入代码" onclick="tool_code()" class="tool_code"><i class="fa fa-code"></i></div>
  <div title="签到" onclick="tool_qiand()" class="tool_qiand"><i class="fa fa-pencil"></i></div>
  <div id="cmt-loading" style="float:left;padding-left:15px;height:32px;font-size:14px;color:red;line-height:30px;"></div>
  <div class="comm_tijiao"><input type="submit" id="comment_submit" value="发表评论" tabindex="6" /></div>
<div class="cancel-reply" id="cancel-reply" style="display:none"><a href="javascript:void(0);" onclick="cancelReply()">取消回复</a></div>
</div>
</div>
<input type="hidden" name="pid" id="comment-pid" value="0" size="22" tabindex="1"/>
</form>
	</div>
	</div>
 			  <div class="comm_charu"></div>
  <div class="comment-list">
	</div><div class="clear"></div>
    <div id="pagenavi" style="border-top:1px solid rgba(0,0,0,0.13);border-bottom:1px solid rgba(0,0,0,0.13);"></div>
	  </div>
	  <div class="post-navigation">
          <a rel="prev" href="http://blog.xihale.top:81/?post=32" class="prev"><span class="icon-wrap"></span><h3>flashfxp--网站的ftp管理神器</h3></a>
<a rel="next" href="http://blog.xihale.top:81/?post=30"class="next"><span class="icon-wrap"></span><h3>百度网盘破解不限速</h3></a>
      </div>
	</div>
	<aside>
<div class="search">
	<form class="searchform" name="keyform" method="get" action="http://blog.xihale.top:81/index.php">
	<input style="color:lightblue;"name="keyword" class="search" type="text" value="请输入文章关键字" onfocus="this.value=''" onblur="this.value='请输入文章关键字'"/>
	</form>
</div>
			<div id="yqlj_link">
			<h2>链接</h2>
			<ul id="link">
			<li><a rel="friend" href="http://cinema.xihale.top:81" title="" target="_blank">XHL视频解析</a></li>
			<li><a rel="friend" href="http://xihale.tk:81" title="" target="_blank">免费二级域名分发</a></li>
			</ul>
			</div>
<div class="sunnav">
<ul>
    <li><a href="http://blog.xihale.top:81/?sort=1" target="_blank">编程(0)</a></li>
    <li><a href="http://blog.xihale.top:81/?sort=2" target="_blank">软件(1)</a></li>
    <li><a href="http://blog.xihale.top:81/?sort=3" target="_blank">网站(0)</a></li>
    <li><a href="http://blog.xihale.top:81/?sort=5" target="_blank">服务器、主机(0)</a></li>
    <li><a href="http://blog.xihale.top:81/?sort=4" target="_blank">其他(2)</a></li>
  </ul>
</div>
	<div id="tag_cloud_widget">
	<script type="text/javascript" src="http://blog.xihale.top:81/content/templates/CoolBlack/js/tag.js"></script>
	<a href="http://blog.xihale.top:81/?tag=%E6%BA%90%E7%A0%81" title="-1 篇文章">源码</a>
	<a href="http://blog.xihale.top:81/?tag=%E5%85%B6%E4%BB%96" title="0 篇文章">其他</a>
	<a href="http://blog.xihale.top:81/?tag=%E8%BD%AF%E4%BB%B6" title="-1 篇文章">软件</a>
	<a href="http://blog.xihale.top:81/?tag=%E7%99%BE%E5%BA%A6%E7%BD%91%E7%9B%98" title="-1 篇文章">百度网盘</a>
	<a href="http://blog.xihale.top:81/?tag=%E7%BD%91%E7%9B%98" title="0 篇文章">网盘</a>
	<a href="http://blog.xihale.top:81/?tag=%E4%B8%BB%E6%9C%BA" title="-1 篇文章">主机</a>
</div>
	<div>
	<h2>存档</h2>
	<ul id="record">
		<li><a href="http://blog.xihale.top:81/?record=202008">2020年8月(1)</a></li>
		<li><a href="http://blog.xihale.top:81/?record=202007">2020年7月(6)</a></li>
		</ul>
	</div>
</aside>
</div>
</div>
<footer>
	<div class="footer-mid">
		<h2>友接</h2>
	<ul>
	<li>
		<a href="http://cinema.xihale.top:81" title="" target="_blank">XHL视频解析</a>&nbsp;&nbsp;&nbsp;&nbsp;
		<a href="http://xihale.tk:81" title="" target="_blank">免费二级域名分发</a>&nbsp;&nbsp;&nbsp;&nbsp;
		</li>
	</ul>
	</div>
<div class="footer-bottom">
	<p>本站勉强运行: <span id="span" style="color:blue"></span>
<script type="text/javascript">function runtime(){// 初始时间，日/月/年 时:分:秒
        X = new Date("6/5/2020 18:30:00");
        Y = new Date();
        T = (Y.getTime()-X.getTime());
        M = 24*60*60*1000;
        a = T/M;
        A = Math.floor(a);
        b = (a-A)*24;
        B = Math.floor(b);
        c = (b-B)*60;
        C = Math.floor((b-B)*60);
        D = Math.floor((c-C)*60);//信息写入到DIV中
        span.innerHTML = A+"天"+B+"小时"+C+"分"+D+"秒"}setInterval(runtime, 1000);
</script></p>
<p>个人博客免責：本站文章內容出自原创和互联网, 如有侵权请通知,将不负责任何法律责任  </p>
<!--统计代码-->
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?fd9cdd95c83584877279528cc5665935";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

  </div>
</footer>
 <script type="text/javascript" src="http://blog.xihale.top:81/content/plugins/swsu_lazyload/jquery.min.js"></script>
<script type="text/javascript" src="http://blog.xihale.top:81/content/plugins/swsu_lazyload/jquery.lazyload.js"></script>
<script type="text/javascript">
	var jQuery=$.noConflict();
	jQuery("img").lazyload({
		effect : "fadeIn",
		failurelimit : 10});
</script>
<style>
    /*公共样式开始*/
*{margin: 0; padding: 0}
body{font: 12px "微软雅黑", "Arial Narrow", HELVETICA; color: #3F3E3C; line-height: 1.5; background: #333;}
ul,ol,li,dl,dt,dd,h2,h3,p,img,span,nav,header{/* display:block; */ list-style:none; border:none}
a{color: #C4C4C4; text-decoration: none; transition: All 1s ease; -webkit-transition: All 1s ease; -moz-transition: All 1s ease; -ms-transition: All 1s ease; -o-transition: All 1s ease;/* display:block; */}
a:link{text-decoration: none;}
a:hover{text-decoration:none; color:#FFF}
p{word-wrap: break-word}
/*公共样式结束*/
/*首页开始*/
.loginber{height:60px; background:#FFF; width:100%; position:fixed; text-align:center; font-size:24px; line-height:60px; color:#333; z-index:100}
.loginber ul li{float:left; width:3.57%}
@media screen and (min-width: 1501px){.loginber ul li{width:3.6%}}
.loginber ul li img{-webkit-transition:0.2s ease;-moz-transition:0.2s ease;border-radius:50%; width:100%; box-shadow:0px 1px 0px rgba(255,255,255,.1), inset 0px 1px 1px rgba(0,0,0,.7)}
.loginber ul li img:hover{-webkit-transform:rotatey(360deg);-moz-transform:rotatey(360deg);}
header{border-bottom:solid #000 1px}
nav{height:60px; background: rgba(34, 34, 34, 0.5);border-bottom: rgba(70, 70, 71, 0.5) 1px solid;}
nav ul{height:60px; max-width: 1000px; margin:0px auto;}
nav ul img{float:left; padding:15px 40px 0px 0px;}
nav ul li{float:left; width:100px; height:40px; padding:10px 12px;}
nav ul li a{line-height:40px; height:40px; width:100px; text-align:center; font-size:16px;padding:5px;}
nav ul li a:hover,nav ul .cli a{background:rgba(20, 20, 20, 0.8); border-radius:6px; box-shadow:0px 1px 0px rgba(255,255,255,.1), inset 0px 1px 1px rgba(0,0,0,.7); color:}
.beaner{width:1000px; margin:0px auto; height:360px; display:block}
.content{max-width: 1000px; margin:0px auto; padding-top:10px; overflow:hidden}
.hot{background: rgba(34, 34, 34, 0.5); box-shadow: 0px 1px 0px rgba(255,255,255,.1), inset 0px 1px 1px rgba(0,0,0,.7); height:30px; border-radius:5px}
.hot h2{padding-left:20px; line-height:30px; float:left; color:#CCC}
.hot ul{float:left; max-width: 600px;}
.hot ol{display:none}
.hot ul li{/* width:600px; */height:30px; position:absolute; display:none}
.hot ul li a{line-height:30px; padding-left:15px; /* width:285px; */ height:30px; float:left; overflow:hidden}
.hot form{float:right; margin:0px; padding:0px}
.hot form input{background: rgba(0, 0, 0, 0.25) url(../image/icons.png) no-repeat 3px -318px; border: 1px solid #111; width: 220px; line-height: 28px; color: #b9b9b9; padding-right:10px; border-radius:6px}
.lhot p{line-height:30px; padding-left:15px; width:560px; height:30px; float:left; overflow:hidden; color:#FFF}
.show{padding:10px 0px; overflow:hidden}
.list{float:left; width: 66.6%;}
.list>ul{width: 100%; float: left;}
.list>ul>li{border-right: #111 2px solid; padding: 20px 0;}
.list_box{background: rgba(34, 34, 34, 0.5); box-shadow: 0px 1px 0px rgba(255,255,255,.1), inset 0px 1px 1px rgba(0,0,0,.7);width: 94.5%; color: #b9b9b9; border-radius: 6px; position: relative}
.sj{width: 0px; height: 0px; border-style: solid; border-width: 0px 0 20px 22px; border-color: transparent transparent transparent rgba(17, 17, 17, 0.5); position: absolute; left: 100%; top: 20px;}/* 三角形 */
.yu{width: 10px; height: 10px; border-radius: 50%; position: absolute; left: 104.9%; top: 16px; background: #000; border: 2px solid #333;} /* 圆形定义边框色与背景一致 */
.yu:hover{border: 2px solid #06F;}
.list_box h2{padding: 0 0 0 20px;}
.list_box h2 a{height:50px; line-height:50px; font-size:16px}
.list_box h2 a:hover{padding-left: 20px}
.list_box>ul{overflow: hidden;}
.list_box img{width: 150px; padding: 4px; float: left; -webkit-transition: All 1s ease; -moz-transition: All 1s ease; -ms-transition: All 1s ease; -o-transition: All 1s ease; border-radius: 4px; margin: 0 20px 20px; height:120px}
.list_box img:hover{opacity: 0.6;}
.list_box p{line-height: 24px; padding: 0 20px 20px;}
.list_box p:hover{text-shadow: 1px 1px 1px #000;}
.list_box ol{background: rgba(1,1,1,0.3); border-radius: 0 0 6px 6px; padding: 0 10px;}
.list_box ol li{line-height: 26px; display: inline; font-size: 11px; margin-right: 10px;}
.list_box ol li a{color: rgb(172, 172, 172); display:inline}
.list_box ol li a:hover{color: #933}
.icon-time, .likes, .comments{background: url(../image/icons.png) no-repeat}
.icon-time{background-position: 0 -208px; padding: 0 0 0 18px;}
.likes, .comments{float: right; padding: 0 0 0 14px;}
.likes{background-position: 0 -240px;}
.comments{background-position: 0 -220px;}
aside{width: 31%; float: right; margin: 20px 0;}
aside span,aside a{display:inline}
aside h2, footer h2{font-size: 16px; margin-bottom: 10px; text-shadow: #000 1px 1px 1px; color: #ccc}
aside div{box-shadow: 0px 1px 0px rgba(255,255,255,.1), inset 0px 1px 1px rgba(0,0,0,.7); border-radius: 6px; padding: 15px; background: rgba(34, 34, 34, 0.5); margin-bottom: 20px; overflow: hidden;}
.tuijian li, .clicks li{white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.tuijian li a:hover{padding-left: 10px}
.tuijian li span:before{content: "0";}
.tuijian li span{margin-right: 10px; font-size: 14px; font-family: "微软雅黑";}
.tuijian li:nth-child(-n+3) span{width: 39px; color: #999}
.tuijian li:nth-child(-n+3) strong{font-size: 24px; font-weight: normal;}
.tuijian li:first-child span{color: #f8490b;}
.tuijian li:nth-child(n+3){line-height: 24px}
.tuijian li:nth-child(4){margin: 5px 0 0 0}
.toppic li img{width: 80px; float: left; margin-right: 10px; height:60px}
.toppic ul li:nth-child(2){margin: 15px 0;}
.toppic ul li:nth-child(3){margin: 15px 0;}
.toppic ul li:nth-child(4){margin: 15px 0;}
.toppic ul li a{display: block; width: 100%; clear: both; overflow: hidden}
.toppic li p{color: #B5783E; padding-left: 110px; margin-top: 5px; background: url(../image/icons.png) no-repeat;background-position: 90px -263px;}
.clicks li{line-height: 24px;}
.clicks li span:before{content: "【";}
.clicks li span:after{content: "】";}
.clicks li span a{padding: 0 5px; color: #366}
.clicks li a:hover{text-decoration: underline}
.searchform{overflow: hidden; padding: 10px;}
.searchform input{background: rgba(0, 0, 0, 0.25) url(../image/icons.png) no-repeat 3px -318px; border: 1px solid #111; width: 220px; line-height: 30px; color: #b9b9b9; padding-left: 30px;}
.viny dl dd{color: #b9b9b9; line-height: 24px;}
.art{background: url(../image/vinyl.png) no-repeat left; width: 130px; float: left; background-size: 120px;}
.viny .art img{width: 90px; height: 90px; margin-left: 11px}
.viny dd span{width: 12px; height: 24px; margin-right: 7px; float: left; display: block;}
.icon-song span, .icon-artist span, .icon-album span, .icon-like span{background: url(../image/icons.png) no-repeat}
.icon-song span{background-position: -33px -344px}
.icon-artist span{background-position: -16px -344px}
.icon-album span{background-position: 0 -344px}
.icon-like span{background-position: -1px -299px;}
.icon-like a{color: #B5783E}
.icon-like a:hover{color: #FFF; text-decoration: underline}
.music audio{width: 100%; padding-top: 10px}
footer{background: rgba(0, 0, 0, 0.44); -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.09); -moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.09); box-shadow: 0 -1px 0 rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.09);}
.footer-mid{max-width: 1000px; margin: auto; padding: 20px 0; overflow: hidden;padding-left: 10px;}
.footer-mid h2{float:left}
.footer-mid ul{float:left; padding-left:20px; height:26px}
.footer-mid li{line-height: 26px; float:left; padding-left:15px; height:26px}
.footer-mid li a{display:inline;}
.footer-bottom{background: rgba(0, 0, 0, 0.55); overflow: hidden;}
.footer-bottom p{max-width: 1000px; margin: 0 auto; padding: 10px 0; text-align:center;color: rgb(138, 138, 138);}
.show_box{width: 64%; float: left; margin: 20px 0; overflow: hidden; color: #333; border-radius: 6px; background:rgba(255, 255, 255, 0.7); padding: 10px;}
.show_box h2{border-bottom: #247979 3px solid; font-size: 12px; font-weight: normal; line-height: 44px; height: 40px}
.show_box h2 a{padding: 10px; display:inline}
.show_box h2 a:first-child{background: #247979; color: #fff;}
.show_box h2 a:last-child{background: #59BCBC; color: #fff;}
.show_box ul{padding: 0 30px 15px 30px; overflow:hidden}
.show_box ul p{line-height: 24px; margin: 10px 0; text-indent: 2em}
.show_box ul a{display:inline; color:#06F}
.show_box ul a:hover{color:#06F}
.show_box ul p a{display:inline;color:#06F}
.show_box ul p a:hover{color:#06F}
.show_box ul img{_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<570?"570px":""); overflow: hidden; max-width: 570px; text-align: center; display: block; margin: auto; text-indent: 0em}
.show_box h1{text-align: center; font-size: 22px; margin: 20px 0; color: #000}
.box{border: #ccc 1px dashed; text-align: center; padding: 5px 0; margin: 0 30px 10px 30px; color: #666}
.box span{margin: 0 10px; display:inline}
.share{width: 100%; height: 30px; display: block}
.otherlink h2{border-bottom: #ccc 2px solid; font-size: 12px; font-weight: normal; line-height: 48px; height: 40px}
.otherlink ul{margin: 10px 0}
.otherlink li{line-height: 24px; height: 24px; float: left; margin-right: 20px;}
.otherlink li a{color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 270px; display: block;}
.otherlink li a:hover{color: #000; text-decoration: underline}
.sunnav li{display: block; float: left; line-height: 36px; width: 100%; text-align: center}
.sunnav li:first-child{background: #1A8A8A;}
.sunnav li:nth-child(2){background: #E7A82B;}
.sunnav li:nth-child(3){background: #E72B2B;}
.sunnav li:last-child{background: #085A5A;}
.sunnav li a{color: #fff; opacity: 0.8}
.sunnav li a:hover{padding-left: 20px; opacity: 1}
.lyb{background:#FFF; padding:20px;box-shadow: 0px 1px 0px rgba(255,255,255,.1), inset 0px 1px 1px rgba(0,0,0,.7); border-radius:6px;}
.lyb a{display:inline}
.lyb .ds-meta{display:none}
#pagenavi{width:100% !important;margin:10px 0 10px;text-align:center; clear:both;padding: 15px 0 !important;}
#pagenavi span,#pagenavi a:hover{padding:5px 10px;font-size:14px;background: #676767;margin-right:10px;color:#fff;text-decoration:none;border-radius: 4px;}
#pagenavi a{background: #222;font-size:14px;color:#9E9C9C;padding:5px 10px;margin-right:10px;border-radius: 4px;}
/*commt_box*/
.main_left .ajax_comment{background-color:#e1e6e0;border:1px solid #91A681;margin-top:10px;border-radius:4px;display:inline-block;width: 100%;}
.ajax_comment .title{background: #cddcb0;font-size:14px;padding:5px 10px;color:#3f482c;font-weight:bold;text-shadow:1px 1px 1px #fff, 1px 2px 2px rgba(250, 14, 14, 0.15);border-top-left-radius:4px;border-top-right-radius:4px;}
.commt_box{margin:10px 20px 20px;}
.commt_box .comment-header{background:url(../image/plbg.png) no-repeat 0 1px;height:45px;}
.commt_box .comment{padding:15px 0;float:left;width:100%;border-top: 1px solid rgba(0,0,0,0.13);}
.comment:hover img{-webkit-transform: rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all 0.5s ease-in;}
.comment:hover .comment-reply{display:initial;}
.comment .avatar{float:left;margin:0;;padding:2px;border-radius:50px;box-shadow:0 0 1px 0px rgba(0, 0, 0, 0.3);width:48px;height:48px;}
.comment .avatar:hover{box-shadow:0 0 1px 0px rgba(9, 123, 9, 0.8);}
.comment .avatar img{border-radius: 50px;-webkit-animation: btn-pudding 1s linear;-moz-animation: btn-pudding 1s linear;animation: btn-pudding 1s linear;transition: all .3s ease-out;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;}
.comment .comment-info{position:relative;padding-left:70px;}
.comment-info .louceng{font-size:14px;color:#999;position:absolute;top:0;right:0;}
.comment-info .poster{font-size:12px;font-weight:bold;color:#666;padding-right:10px;}
.comment-info .poster a{color:#666;}
.comment-info .comment-time{padding-right:10px;color:#999;}
.comment-info .comment-reply{color:#999;display:none;}
.comment-info .comment-reply a{color:#999;}
.comment-info .comment-content{padding-top:10px;line-height:25px;font-family:"宋体"; overflow:hidden;}
.comment-info .comment-content pre{margin:5px 0 !important;font: 400 12px/20px '宋体' !important;border-left:4px solid #A59A9A !important;padding-left: 5px;background-color: rgba(255, 255, 255, 0.3);}
.comment .comment-children{margin:20px 0 0 35px;padding-top:15px;clear:both;border-top: 1px solid rgba(0,0,0,0.13);}
.comment-children .avatar{width:36px;height:36px;}
.comment-children .comment-info{padding-left:60px !important;}
.zdy{color:#C4C4C4;}
#comment-place{clear:both;}
.comment-post{position:relative;}
.comment-post .place-header{background:url(../image/plbg.png) no-repeat 0 -102px;height:45px;border-bottom:1px solid #8aa653;}
#commentform{margin:10px 0;}
.comment-post .textarea{border:1px solid #ccc;padding-right:20px;border-top-left-radius:4px;border-top-right-radius:4px;background: #fff url(../image/bg_sprites.png) 0 -91px repeat-x;}
.textarea textarea{width:100%;height:54px;outline:none;padding:10px;resize:none;background:transparent;color:#999;border:0;}
.textarea textarea:focus{color:#333;}
.comment-post .comm_toolbar{position:relative;width:100%;height:30px;box-shadow:0 1px 0 rgba(255,255,255,0.6);}
.comm_toolbar .comm_tool{position:relative;height:30px;background: url(../image/bg_sprites.png) 0 -60px repeat-x;border:1px solid #ccc;border-top:0;}
.comm_toolbar .comm_tool .tool_bq{cursor:pointer;float:left;height:30px;line-height:30px;border-right:1px solid #ccc;text-align:center;font-size: 18px;padding:0 20px;background-color: #e6e6e6;background-image:linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), color-stop(25%, #fcfcfc), to(#e6e6e6));background-image:-webkit-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-ms-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);text-shadow:0 1px 0 #fff;color:#555;}
.comm_toolbar .comm_tool .tool_bq:hover{background-image:linear-gradient(#E8E7E7, #E7E5E5 25%, #FDFDFD);color:#8aa653;}
.comm_toolbar .comm_tool .tool_img{cursor:pointer;float:left;height:30px;line-height:30px;border-right:1px solid #ccc;text-align:center;font-size: 18px;padding:0 20px;background-color: #e6e6e6;background-image:linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), color-stop(25%, #fcfcfc), to(#e6e6e6));background-image:-webkit-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-ms-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);text-shadow:0 1px 0 #fff;color:#555;}
.comm_toolbar .comm_tool .tool_img:hover{background-image:linear-gradient(#E8E7E7, #E7E5E5 25%, #FDFDFD);color:#8aa653;}
.comm_toolbar .comm_tool .tool_qiand{cursor:pointer;float:left;height:30px;line-height:30px;border-right:1px solid #ccc;text-align:center;font-size: 18px;padding:0 20px;background-color: #e6e6e6;background-image:linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), color-stop(25%, #fcfcfc), to(#e6e6e6));background-image:-webkit-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-ms-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);text-shadow:0 1px 0 #fff;color:#555;}
.comm_toolbar .comm_tool .tool_qiand:hover{background-image:linear-gradient(#E8E7E7, #E7E5E5 25%, #FDFDFD);color:#8aa653;}
.comm_toolbar .comm_tool .tool_link{cursor:pointer;float:left;height:30px;line-height:30px;border-right:1px solid #ccc;text-align:center;font-size: 18px;padding:0 20px;background-color: #e6e6e6;background-image:linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), color-stop(25%, #fcfcfc), to(#e6e6e6));background-image:-webkit-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-ms-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);text-shadow:0 1px 0 #fff;color:#555;}
.comm_toolbar .comm_tool .tool_link:hover{background-image:linear-gradient(#E8E7E7, #E7E5E5 25%, #FDFDFD);color:#8aa653;}
.comm_toolbar .comm_tool .tool_code{cursor:pointer;float:left;height:30px;line-height:30px;border-right:1px solid #ccc;text-align:center;font-size: 18px;padding:0 20px;background-color: #e6e6e6;background-image:linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), color-stop(25%, #fcfcfc), to(#e6e6e6));background-image:-webkit-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-ms-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);text-shadow:0 1px 0 #fff;color:#555;}
.comm_toolbar .comm_tool .tool_code:hover{background-image:linear-gradient(#E8E7E7, #E7E5E5 25%, #FDFDFD);color:#8aa653;}
.comm_toolbar .comm_tool .comm_tijiao{cursor:pointer;position:absolute;right:0;top:0;height:30px;width:100px;text-align:center;
text-shadow:0 1px 0 #fff;color:#555;line-height:30px;font-size:14px;font-weight:bold;border-left:1px solid #ccc;background-color: #e6e6e6;background-image:linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), color-stop(25%, #fcfcfc), to(#e6e6e6));background-image:-webkit-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-ms-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);}
.comm_toolbar .comm_tool .comm_tijiao:hover{background-image:linear-gradient(#E8E7E7, #E7E5E5 25%, #FDFDFD);}
.comm_toolbar .comm_tool .comm_tijiao input[type="submit"]{cursor:pointer;text-shadow:0 1px 0 #fff;color:#555;font-size:14px;font-weight:bold;background:none; outline:none;border:0;}
.comm_toolbar .comm_tool .cancel-reply{cursor:pointer;position:absolute;right:101px;top:0;height:30px;width:100px;text-align:center;
text-shadow:0 1px 0 #fff;color:#555;line-height:30px;font-size:14px;font-weight:bold;border-left:1px solid #ccc;background-color: #e6e6e6;background-image:linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), color-stop(25%, #fcfcfc), to(#e6e6e6));background-image:-webkit-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-ms-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);}
.comm_toolbar .comm_tool .cancel-reply:hover{background-image:linear-gradient(#E8E7E7, #E7E5E5 25%, #FDFDFD);}
.comm_toolbar .comm_tool .cancel-reply a{color:#555;}
.comm_toolbar .comm_tool .cancel-reply a:hover{text-decoration:none;}
.comment-post .comm_infobox{z-index:9999;display:none;position:absolute;width:300px;background:#fff;top:0;left:0;right:0;margin:0 auto;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px #fff,0 2px 6px rgba(0,0,0,0.4);padding:20px;}
.comm_infobox input[type="submit"]{color:#fff;height:auto;box-shadow: 0 0 4px 1px rgba(0,150,0,0.3);border-radius: 4px;background:#5cb85c;color:#fff;padding:10px;font-size:14px;font-weight:100;float:left;margin:10px 20px 0 0;font-family: microsoft yahei; cursor:pointer;background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size: 40px 40px;}
.comm_infobox .comm_rest{color:#fff;height:auto;box-shadow: 0 0 4px 1px rgba(0,150,0,0.3);border-radius: 4px;background:#00aff0;color:#fff;padding:10px;font-size:14px;font-weight:100;float:left;margin:10px 20px 0 0;font-family: microsoft yahei; cursor:pointer;background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size: 40px 40px;}
.comm_infobox .comm_close{box-shadow: 0 0 4px 1px rgba(0,150,0,0.3);border-radius: 4px;background:#f85d00;color:#fff;padding:10px;font-size:14px;font-weight:100;float:left;margin:10px 0 0; cursor:pointer;background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size: 40px 40px;}
.comm_infobox input[type="submit"]:hover,.comm_infobox .comm_close:hover,.comm_infobox .comm_rest{background:#00aff0;cursor:pointer;background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:30px 30px;}
.comm_infobox input[type="text"]{width:234px;}
.comm_infobox p{float:left;width:300px;padding-bottom:10px;}
.comm_infobox label{float:left;font-size:18px;}
.comm_infobox input{float:left;border:1px solid #ccc;height:25px;padding:0 5px; outline:none;color:#999;}
.comm_infobox input:focus{border:1px solid #00aff0;color:#333}
.comm_infobox img{margin-left:10px;background:#F0E7E7;padding:2px;}
.comm_infobox input[name="imgcode"]{width:78px;}
.smile{padding:12px;}
.smile img{width:22px;height:22px;padding:2px;border:1px solid #f6f6f6;}
.smile img:hover{border:1px solid #00ccff;}
.smile .arrow{background:url(images/bg_msg2.gif) -13px -9px no-repeat; width:6px; height:11px; overflow:hidden;position:absolute; left:-6px; top:85px}
.smilebg{width:217px;position:absolute;z-index:999;height:185px;display:none;background:#fff;border:solid #ddd 1px;border-radius:2px;box-shadow:0 0 10px #f1f1f1;margin:-76px 0 0 45px;line-height:20px;}
#ajax_ok{color:red;font-weight:bold;}
/*vip*/
.vp,.vip,.vip1,.vip2,.vip3,.vip4,.vip5,.vip6,.vip7{background: url(../image/vip.png) no-repeat;display: inline-block;overflow: hidden;border: none;}.vp{background-position:-494px -3px;width: 16px;height: 16px;margin-bottom: -3px;}.vp:hover{background-position:-491px -19px;width: 19px;height: 18px;margin-top: -3px;margin-left: -3px;margin-bottom:-3px;}.vip{background-position:-494px -3px;width: 16px;height: 16px;margin-bottom: -3px;}.vip:hover{background-position:-515px -22px;width: 16px;height: 16px;margin-bottom: -3px;}
.vip1{background-position:-1px -2px;width: 46px;height: 14px;margin-bottom: -1px;}.vip1:hover{background-position:-1px -22px;width: 46px;height: 14px;margin-bottom: -1px;}.vip2{background-position:-63px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
.vip2:hover{background-position:-63px -22px;width: 46px;height: 14px;margin-bottom: -1px;}.vip3{background-position:-144px -2px;width: 46px;height: 14px;margin-bottom: -1px;}.vip3:hover{background-position:-144px -22px;width: 46px;height: 14px;margin-bottom: -1px;}.vip4{background-position:-227px -2px;width: 46px;height: 14px;margin-bottom: -1px;}.vip4:hover{background-position:-227px -22px;width: 46px;height: 14px;margin-bottom: -1px;}.vip5{background-position:-331px -2px;width: 46px;height: 14px;margin-bottom: -1px;}.vip5:hover{background-position:-331px -22px;width: 46px;height: 14px;margin-bottom: -1px;}.vip6{background-position:-441px -2px;width: 46px;height: 14px;margin-bottom: -1px;}.vip6:hover{background-position:-441px -22px;width: 46px;height: 14px;margin-bottom: -1px;}.vip7{background-position:-611px -2px;width: 46px;height: 14px;margin-bottom: -1px;}.vip7:hover{background-position:-611px -22px;width: 46px;height: 14px;margin-bottom: -1px;}
#banquan{overflow:hidden;padding:0;width:100%;height:auto;border:1px dashed #9eaf9d;background-color:#f1eef1;line-height:30px}
.tupian{float:left;margin:8px 0 0 8px;padding:0;width:auto;height:auto}
.xinxi{overflow:hidden;margin:8px 6px 0 116px;padding:0;width:auto;height:auto;text-overflow:ellipsis;white-space:nowrap;font-size:.875em;line-height:33px;-o-text-overflow:ellipsis}
#banquan .blog_name{color: #b14f4f;}
#banquan .zuozhe{color: #b6629e;}
#banquan .blog_url{color: #518553;}
#banquan a{color:#594d3a;}
.gxq{margin:20px 0;padding:0 0 10px 15px;border:1px dashed #868686;background-color:#f4f1ef}
.gxq:hover{border:1px dashed #868686;background-color:rgba(245,241,240,0.2);}
.gxq .bti{height:48px;border-bottom:1px dashed #868686;font-weight:bold;font-size:16px;line-height:48px}
.gxq .bti img{position:relative;top:4px;left:0;width:22px}
.gxq ul{overflow:hidden;margin:10px 0;padding:0}
.gxq li{float:left;overflow:hidden;width:50%;height:28px;white-space:nowrap;font-size:14px;line-height:28px}
.gxq li a{overflow:hidden;width:92%;color:#594d3a;text-overflow:ellipsis;white-space:nowrap}
.gxq li a:hover{color:#59DB03;text-decoration:none;-webkit-transition:all .25s ease-in 0s;-moz-transition:all .25s ease-in 0s;transition:all .25s ease-in 0s}
/*左右翻篇*/
.post-navigation a{position: fixed;bottom: 20%;display: block;outline: 0;text-align: left;z-index: 1000;-webkit-transform: translateY(-50%);transform: translateY(-50%)}
.post-navigation a.prev{left: 0}
.post-navigation a.next{right: 0}
.post-navigation a{width: 100px;height: 100px}
.post-navigation .icon-wrap{position: relative;display: block;width: 100%;height: 100%}
.post-navigation a::before,.post-navigation a::after,.post-navigation .icon-wrap::before,.post-navigation .icon-wrap::after{position: absolute;left: 50%;width: 3px;height: 50%;background: #bbb;content: '';-webkit-transition: -webkit-transform .3s;transition: transform .3s;-webkit-backface-visibility: hidden;backface-visibility: hidden}
.post-navigation .icon-wrap::before,.post-navigation .icon-wrap::after{z-index: 100;height: 0;background: #0c0;-webkit-transition: height .3s,-webkit-transform .3s;transition: height .3s,transform .3s}
.post-navigation a::before,.post-navigation .icon-wrap::before{top: 50%;-webkit-transform: translateX(-50%) rotate(-135deg);transform: translateX(-50%) rotate(-135deg);-webkit-transform-origin: 50% 0;transform-origin: 50% 0}
.post-navigation a.next::before,.post-navigation a.next .icon-wrap::before{-webkit-transform: translateX(-50%) rotate(135deg);transform: translateX(-50%) rotate(135deg);-webkit-transform-origin: 50% 0;transform-origin: 50% 0}
.post-navigation a::after,.post-navigation .icon-wrap::after{top: 50%;-webkit-transform: translateX(-50%) rotate(-45deg);transform: translateX(-50%) rotate(-45deg);-webkit-transform-origin: 0 0;transform-origin: 0 0}
.post-navigation a.next::after,.post-navigation a.next .icon-wrap::after{-webkit-transform: translateX(-50%) rotate(45deg);transform: translateX(-50%) rotate(45deg);-webkit-transform-origin: 100% 0;transform-origin: 100% 0}
.post-navigation h3{width: 150px;position: absolute;top: 50%;margin: 0;color: #0c0;text-transform: uppercase;font-weight: 300;font-size: .85em;opacity: 0;-webkit-transition: -webkit-transform .3s,opacity .3s;transition: transform .3s,opacity .3s}
.post-navigation a.prev h3{left: 100%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%)}
.post-navigation a.next h3{right: 100%;text-align: right;-webkit-transform: translateY(-50%) translateX(50%);transform: translateY(-50%) translateX(50%)}
.post-navigation a:hover .icon-wrap::before,.post-navigation a:hover .icon-wrap::after{height: 50%}
.post-navigation a:hover::before,.post-navigation a:hover .icon-wrap::before{-webkit-transform: translateX(-50%) rotate(-125deg);transform: translateX(-50%) rotate(-125deg)}
.post-navigation a.next:hover::before,.post-navigation a.next:hover .icon-wrap::before{-webkit-transform: translateX(-50%) rotate(125deg);transform: translateX(-50%) rotate(125deg)}
.post-navigation a:hover::after,.post-navigation a:hover .icon-wrap::after{-webkit-transform: translateX(-50%) rotate(-55deg);transform: translateX(-50%) rotate(-55deg)}
.post-navigation a.next:hover::after,.post-navigation a.next:hover .icon-wrap::after{-webkit-transform: translateX(-50%) rotate(55deg);transform: translateX(-50%) rotate(55deg)}
.post-navigation a:hover h3{opacity: 1;-webkit-transform: translateY(-50%) translateX(0);transform: translateY(-50%) translateX(0)}
@media screen and (max-width: 880px){aside,.searchform{display: none;}
.list{width:98%;}
nav ul li{display:none;}
.show_box{width:inherit;float: none;}}
@media screen and (max-width: 800px){.sj,.yu{display: none;}
.list>ul>li{border:0;padding: 10px 0;}
.list,.list_box,.content .hot{width: 98%; margin: auto; float: none;}
.commt_box{margin:0;}
#navigation{display: block!important;}}
.m_sort{position:fixed;z-index:9999;width:50%;height:100%;top:0;right:-50%;background:#444;display:none;}
.m_sort dl{padding:10px;}
.m_sort dl dd{text-align: center; border-bottom: 1px solid #555; line-height: 35px; color: beige; font-size: 14px;}
.m_sort dl dd a{color:#fff;font-size:14px;}
.m_bars{display:none;font-size:24px;position:absolute;top:0px;left:15px;color:#fff;cursor:pointer;}
.media_bg{width:100%;position:fixed;background:#000;z-index:9990;height:100%;filter:alpha(Opacity=50);-moz-opacity:0.5;opacity:0.5;top:0;left:0;right:0;display:none;}
#close_m{color: #fff; font-size: 15px; border: 1px solid #fff; border-radius: 30px; padding: 5px 6px; line-height: 0; cursor: pointer; position: absolute; right: 15px;}
#navigation{display:none;position: absolute; top: 10px; right: 25px; color: beige; font-size: 25px;}
/*标签云*/
#tag_cloud_widget{position:relative;height:240px;margin:10px auto 10px}
#tag_cloud_widget a{position:absolute;color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;top:0;left:0;padding:3px 5px;border:0;transition:none;}
#tag_cloud_widget a:hover{background:#d02f53;display:block}
#tag_cloud_widget a:nth-child(n){background:#666;border-radius:3px;display:inline-block;line-height:18px;margin:0 10px 15px 0}
#tag_cloud_widget a:nth-child(2n){background:#d1a601}
#tag_cloud_widget a:nth-child(3n){background:#286c4a}
#tag_cloud_widget a:nth-child(5n){background:#518ab2}
#tag_cloud_widget a:nth-child(4n){background:#c91d13}
#newcomment{float:left;width:290px;}
#newcomment li{float:left;width:290px;padding:8px 0; position:relative;}
#newcomment li .img{float:left;margin:0 5px;border-radius:4px;border:1px solid #bbb;width:40px;height:40px;}
#newcomment li .info{float:left;margin:0 0 0 5px;width:230px;height: 45px;overflow: hidden;}
#newcomment .info .name{font-size:14px;color:#D8D8D8;}
#newcomment .info p{color:#999;font-size:12px;font-family:"宋体";padding-top:5px;}
#newcomment .info p a{color:#BDBDBD;}
#newcomment li .leftbox{width:4px;height:100%;background:#A2C265; position:absolute;left:0;top:0;margin-left:-5px;display:none;}
#newcomment .info img{width:18px;height:18px;vertical-align: middle;}
#yqlj_link{height:auto;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;text-align:left}
#yqlj_link ul{padding-left: 20px;}
#yqlj_link li{float: left;overflow:hidden;margin:0;padding:0;width:49%;text-overflow:ellipsis;white-space:nowrap;line-height:2.4;}
#link_bk{margin-top:10px;padding:6px 10px 6px 10px;border-top:1px solid #fff;text-align:left;line-height:2}
.linkimg{position:relative;top:3px;left:0;padding-right:3px;max-width:16px;max-height:16px}
#record{padding-left: 20px;}
#record li{float: left; width: 48%;}
nav ul li ul{background: #222222; color: #fff; position: absolute; z-index: 99999; display: none; width: auto; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
nav ul li ul li{float:none;}
/*tw*/
.tw li{display: block;padding: 12px 0;}
.tw li:hover .atitle:after{background: beige;}
.tw li .atitle{position: relative;display: inline-block;padding: 0 15px;*display: inline;*zoom: 1;}
.tw{position: relative;}
.tw:before{position: absolute;left: 86px;width: 2px;height: 100%;background: #1A1A1A;content: "";}
.tw li:hover span{background: beige;color: #fff;}
.tw .avatar{float: left;display: block;margin: 5px 0 0 -10px;width: 82px;height: 40px;text-align: right;color: #929292;}
.tw-content em{position: absolute;top: 12px;left: -8px;border-color: transparent #1B1B1B transparent transparent;border-style: solid;border-width: 8px 8px 8px 0;-webkit-transition-duration: .3s;}
.tw li:hover .tw-content:after{background: beige;}
.tw li:hover .avatar{border-color: beige;color: beige;-webkit-animation: fgxs infinite 5s linear;animation: fgxs infinite 5s linear;}
.tw li:hover .tw-content{color: beige;}
.tw-content{position: relative;margin-left: 106px;padding: 20px 20px 20px 30px;border-radius: 4px;background-color: rgba(34, 34, 34, 0.5);color: #b9b9b9;font-size: 12px;box-shadow: 0px 1px 0px rgba(255,255,255,.1), inset 0px 1px 1px rgba(0,0,0,.7);}
.tw .plus{position: absolute;left: 75px;width: 29px;background: url(http://ilt.me/content/templates/limh.me/images/timeline.png) 0 -35px;height: 10px;top: 0;}
.tw .plus2{position: absolute;left: 83px;width: 10px;bottom: 0;background: url(http://ilt.me/content/templates/limh.me/images/timeline.png) -29px -26px;height: 10px;}
.tw li em1{position: absolute;left: 83px;display: block;overflow: hidden;margin-top: 8px;width: 12px;height: 18px;background: url(http://ilt.me/content/templates/limh.me/images/timeline.png) -36px 0;}
.status-wall-meta{display: none; text-align: right;}
ul pre {position: relative;overflow: auto;margin: 10px 0px;padding: 10px 15px;width: auto;border: 2px #B9B9B9 solid;background:rgba(250, 250, 250, 0.7);color: rgb(85, 85, 85);text-align: left;word-wrap: break-word;font: 400 12px/25px 宋体;border-radius: 5px;}

</style>
  
	  
</body></html>